<!DOCTYPE html>
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<html style="height: 100%; width: 100%;">

<head>
<meta charset="UTF-8">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="user-scalable=no, width=device-width" />
<title>MapDemo</title>
<script src="/statics/js/GeomOpt.js"></script>
<script src="/statics/js/jquery-3.2.1.min.js"></script>
<script src="/statics/js/ol.js"></script>
<link rel="stylesheet" href="/statics/css/ol.css" type="text/css" />
<link rel="stylesheet" href="/statics/css/ChinaMobile.css"
	type="text/css" />

</head>

<body onload="load()" style="height: 100%; width: 100%;" onkeydown="keyLogin()">
	<div class="BaseDiv">
		<div id="SearchBox" class="SearchBox">
			<img src="/statics/img/head.jpg" alt="" class="headimg" /> 
			<input placeholder="请输入目标机场" class="SearchInput" id="TargetAirport"/> 
			<input id = "SearchButton" value="搜索"	class="SearchButton" type="button" onclick="GetAirportInfo()" />
		</div>
		<div id="map" class="map"></div>
		<div>
			<input id="GoButton" type="button" class="GoButton" value="GO" onclick="StartFly()"/>
		</div>
		<div id="Marker"></div>
		<div id="popup" class="ol-popup">
			<a href="#" id="popup-closer" class="ol-popup-closer"></a>
			<div id="popup-content"></div>
		</div>
		<div class="CheckLayers">
			<input type="radio" name="MapName" checked="true" onclick="checkStreet(this);" class="CheckButon" /><span>街道图</span><br>
			<input type="radio" name="MapName"  onclick="checkCompress(this);" class="CheckButon"/><span>压力图</span><br>
			<input type="radio"  name="MapName"  onclick="checkTemp(this);"class="CheckButon" /><span>温度图</span><br>
		</div>
		<div id="LegendDiv" class="LegendDiv"></div>
		<div class="TargetInfo" id="TargetInfo" align="center">
			<ul  style="margin:0px;width:100%;padding:0px;" align="center">
				<li class="BottomInfo"><input type="button" class="TargetButton" value="离场航图" onclick="AirplanMap(this)" /></li>
				<li  class="BottomInfo"><input type="button" class="TargetButton" value="进场航图" onclick="AirplanMap(this)" /></li>
				<li  class="BottomInfo"><input type="button" class="TargetButton" value="进近航图" onclick="AirplanMap(this)" /></li>				
			</ul>
<!-- 			<div  class="BottomInfo"><input type="button" class="TargetCloser" value="✖" onclick="AirplanMap()" /></div> -->
		</div>
	</div>
	<div id="MapInfoDiv" class="MapInfoDiv">
		<div class="MapTitle" align="center">
			<p id="MapName" style="width:90%;font-size:20px;margin:auto;">ssss</p>
			<input type="button" class="MapInfoCloser" value="✖" onclick="CloseMapInfo()" />
			
		</div>
		<div class="MapContent" >
			<img class="MapImg" src="/statics/img/AirMapDemo.jpg"  alt="AirMap"></img>
		</div>
	</div>
</body>

</html>